﻿<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=7" />
    <title>小程序网站</title>
    <link href="/css/news.css" rel="stylesheet" />
    <script src="http://libs.baidu.com/jquery/2.0.0/jquery.js"></script>
    <script src="/Scripts/jquery.js"></script>
    <script src="/plugins/layer/layer.js"></script>
    <script src="/Scripts/com.js"></script>
    <script src="/Scripts/config.js"></script>
    <script src="/Scripts/contact.js"></script>
    <style>
        .about-content {width:1000px; margin:auto;}
        .hide {display:none;}
        .about-content p {
            max-width: 100%;
        }
        .about-content img {
               width: auto; height: auto;max-height: 100%;max-width: 100%;
        }
    </style>
</head>

<body style="padding:0px;margin:0px;">
    <div class="header">
        <div class="header-mid">
            <div class="header-mid-lft">
                <img src="/images/1loog.png" alt="" class="sitelogo title hide">
            </div>
            <div class="header-mid-rgt">
                <div class="phone-number" style="width:200px;margin-top:27px;color:gray;margin-right: 14px;font-family: SimHei,微软雅黑">服务热线：<span class="store-phone">400-600-9138</span></div>
                <div class="header-input">
                    <input class="header-input_ip" type="text" name="" value="" placeholder="全站搜索">
                    <img src="/images/2.png" alt="" class="input-img">
                </div>
            </div>
        </div>
    </div>
    <!--导航-->
    <div class="navbar">
        <div class="navbar-rel pc_index_nav">
            <div class="navbar-rel-item" style="margin-left:20px;">
                <span>首页</span>
            </div>
        </div>
    </div>

    <div class="classictitle">
        <div class="classictitle-lft">
            <div class="classictitle-lft-lft news-type">
                关于我们
            </div>
            <div class="classictitle-lft-rgt">

            </div>
        </div>
        <div class="classictitle-rgt">
            <!--标题-->
            <div class="classictitle-rgt-lft" style="position:relative;">
                <img src="/images/classictitle.png" class="classictitle-rgt-rgt-img" style="top:18px; left:0px;">
                <span style="margin-left:20px;color:#898989;font-size: 14px;">首页/<span class="news-type">关于我们</span></span>
            </div>
            <div class="classictitle-rgt-rgt">               
            </div>
        </div>
    </div>
    <div class="content">
        <div class="content-list">
            <div class="list">
                <!--分类-->
                <ul class="yiji">
                    <li><a href="javascript:" class="inactive" onclick="changeTab(0)" style="margin-top:0px;">关于我们</a></li>
                    <li><a href="javascript:" class="inactive" onclick="changeTab(1)" style="margin-top:0px;">联系方式</a></li>
                    <li><a href="javascript:" class="inactive" onclick="changeTab(2)" style="margin-top:0px;">地图导航</a></li>
                </ul>
            </div>
        </div>

        <!--新闻内容-->
        <div class="content-cont" style="min-height:500px;">
            <div class="news-title"></div>
            <div class="news-content" style="width:auto;"></div>

            <!--内容-->
            <div class="abount-box">
                <div class="about-content news-content"  style="width:auto;">

                </div>
            </div>
            <!--联系方式-->
            <div class="abount-box hide" style="line-height:28px;">
                <div style="text-align:center;"><span class="about-company"></span></div>
                <div>电话：<span class="about-phone news-title"></span></div>
                <div>微信号：<span class="about-fax"></span></div>
                <div>地址：<span class="about-address"></span></div>
            </div>
            <!--地图导航-->
            <div class="abount-box hide">
                <div class="about-map"></div>
            </div>

        </div>
    </div>
    <div id="contact" class="contact-back">
        <script language="javascript">
            contact();
        </script>
    </div>

    <script type="text/javascript">
        $(document).ready(function () {
            getStoreInfo();
            GetNavList(0)
            loadAbout();
        });

        function loadAbout() {
            var url = siteUrl.fotmatUrl(siteUrl.About);
            AjaxGet(url, "", function (data) {
                if (!checkCode(data)) {
                    Alert(data.Message);    //显示错误消息
                    return;
                }
                if (!emptyData(data))
                    return; //显示空数据提示

                var item = data.Data;
                $(".about-company").html(item.SupportCompany);
                $(".about-phone").html(item.Mobile);
                $(".about-fax").html(item.Fax);
                $(".about-address").html(item.Address)
                $(".about-content").html(item.Description);

                var map_url = "map.html?address=" + item.Address + "&c=348&searchFlag=bigBox&version=5&exptype=dep/vt=map/?fromhash=1";
                $(".about-map").html("<iframe id='mobiSearchMapFrame' frameborder='0' width='100%' height='100%' scrolling='no' src='" + map_url + "'></iframe>");
                $(".box_1").removeClass("hide");
            });
        }

        function changeTab(index) {
            var arrTitle = ["关于我们", "联系方式", "地图导航"];
            $(".abount-box").addClass("hide");
            $(".abount-box").eq(index).removeClass("hide");
            $(".news-type").html(arrTitle[index]);
        }
     
    </script>
</body>
</html>


